<template>
  <div>
    <h3>Home</h3>
    <!--   <router-link to="/home/news" tag="button">新闻</router-link>-->
    <!--   <router-link :to="{-->
    <!--       path:'/home/music'-->
    <!--     }"-->
    <!--    tag='button'-->
    <!--   >音乐</router-link>-->
    <!--   <router-link to="/home/game" tag='button'>游戏</router-link>-->
    <!--   <router-view></router-view>-->

    <button @click="news">新闻</button>
    <button @click="music">音乐</button>
    <button @click="game">游戏</button>
       <router-view></router-view>
  </div>
</template>


<script>
export default {
  name:"Home",
  methods:{
    news(){
      this.$router.push("/home/news",null,()=>{})
    },
    music(){
      this.$router.push("/home/music",)
      .catch(()=>{})
    },
    game(){
      this.$router.push("/home/game",null,()=>{})
    }
  }
}
</script>


<style></style>